Ext.namespace('Ext.straws.login');

Ext.straws.login.HeaderPanel=Ext.extend(Ext.Panel,{
	initComponent:function(){
		var width=Ext.straws.common.getViewportWidth();
		var height=Ext.straws.common.getViewportHeight();
		this.fieldLabels={
			email:'Email',
			password:'Password'
		};
		this.errorMessages={
			invalidCredentials:'Invalid Username or Password'
		};
		Ext.apply(this,{
			height:100,
			layout:'column',
			border:false,
			items:[
				{
					width:300,
					height:80,
					html:'<img src="images/login/logo.png" >'					
				},
				{
					xtype:'form',
					layout:'column',
					border:false,
					height:80,
					width:400,
					cls:'mt10 fr',
					items:[
						{
							columnWidth:0.45,
							border:false,
							items:[
								{
									border:false,
									cls:'mb5',
									html:'<div class="">'+this.fieldLabels.email+'</div>'
								},
								{
									xtype:'textfield',
									cls:'',
									name:'email'
								},
								{
									xtype:'checkbox',
									cls:'',
									boxLabel:'&nbsp;&nbsp;keep me logged in'
								}
							]
						},
						{
							columnWidth:0.45,
							border:false,
							items:[
								{
									border:false,
									cls:'mb5',
									html:'<div class="">'+this.fieldLabels.password+'</div>'
								},
								{
									xtype:'textfield',
									inputType:'password',
									name:'password'
								},
								{
									xtype:'checkbox',
									cls:'',
									boxLabel:'forgot your password'
								}
							]							
						},
						{
							columnWidth:0.10,
							border:false,
							html:'dsf'
						}
					]
				}
			]
		});
		Ext.straws.login.HeaderPanel.superclass.initComponent.call(this);
	}
});

Ext.straws.login.MainPanel=Ext.extend(Ext.Panel,{
	initComponent:function(){
		Ext.apply(this,{
			border:false,
			items:[
				{
					border:false,
					html:'center'
				}
			]
		});
		Ext.straws.login.MainPanel.superclass.initComponent.call(this);
	}
});